.main_content {
  width: 100%;
  height: 100%;
  background: #f5f3ff;
  border-radius: 20rpx;
}

.content {
  width: 100%;
  height: calc(100% - 140rpx);
  padding: 40rpx 120rpx;
}

.box {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.title {
  width: 100%;
  height: 100rpx;
  border-bottom: 1px solid #0678b8;
  display: flex;
  justify-content: center;
  align-items: center;

  text {
    font-size: 48rpx;
    color: #0678B8;
  }
}

.section {
  width: 100%;
  margin-top: 40rpx;
  margin-bottom: 20rpx;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.video {
  width: 640rpx;

  video {
    width: 100%;
    height: 360rpx;
  }
}

.info {
  flex: 1;
  height: 360rpx;
  margin-left: 10px;
  padding-bottom: 20rpx;
  border-bottom: 1px dashed #0678b8;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  overflow-y: auto;
}

.point {
  width: 100%;
  font-size: 32rpx;
  color: #333;
  line-height: 48rpx;
  text-align: left;
}

.button {
  flex: 1;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.button_content {
  width: 185rpx;
  height: 60rpx;
  border-radius: 20rpx;
  background: url(https://hengxiao-resource.oss-cn-hangzhou.aliyuncs.com/web/resources/images/hengxiao/grammar/btn_bg.png) center center/cover no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;

  text {
    font-size: 28rpx;
    font-weight: bold;
    font-style: oblique;
    color: #fff;
  }
}

.text {
  width: 100%;
  height: 402rpx;
  overflow-y: auto;
}

.text ::v-deep p {
  font-size: 18px;
  line-height: 36px;
  text-align: left;
}